<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="js/jquery-1.9.1.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="js/bootstrap.min.js"></script>
<!-- 引入主题样式 -->
<link href="themes/bootstrap/easyui.css" rel="stylesheet"></link>
<!-- 引入图标样式 -->
<link href="themes/icon.css" rel="stylesheet"></link>
<!-- 引入jquer -->
<script type="text/javascript" src="js/jquery-1.9.1.js "></script>
<!-- 引入easyui.js -->
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<!-- 引入本地语言 -->
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/user.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		//树形菜单配置
		$("#showFuncs")
				.tree(
						{
							url : 'showfuncs',
							animate : true,
							lines : true,
							onLoadSuccess : function(node, data) {
								$("#showFuncs").tree('expandAll');
							},
							
							onClick : function(node) {
								if (node.attributes.fpath) {
									if ($('#showTabs')
											.tabs('exists', node.text)) {
										$('#showTabs')
												.tabs('select', node.text)
									} else {
										$('#showTabs')
												.tabs(
														'add',
														{
															title : node.text,
															closable : true,
															content : "<iframe style='width: 100%;height: 100%'  src='"
																	+ node.attributes.fpath
																	+ "'  frameborder='0'></iframe>"
																	
														})
									}
								}
							}
						})
		//配置showTabs属性
		$('#showTabs').tabs({
			fit : true,
			border : false

		});
		
	})
	 
</script>

<body id="main" class="easyui-layout">
	<div data-options="region:'north'"
		style="height: 100px; text-align: center;background-image: url(images/44.jpg)">
		     <h1>${currentadmin.aname}欢迎你</h1>
	</div>
	<div data-options="region:'west',title:'功能区域',collapsible:true"
		style="width: 250px;background-image: url(images/44.jpg)">
		<!-- 菜单展示 -->
		<ul id="showFuncs"></ul>
	</div>
	<div  data-options="region:'center',"
		style="padding: 5px; background: #eee;">
		<!-- 展示功能 -->
		<div id="showTabs" class="easyui-tabs"
			style="width: 100%; height: 100%">
			<div data-options="title:'欢迎您'" style="text-align: center;background-image: url(images/44.jpg)">
				<div style="width: 100%; height: 100%" >
				   <h1>欢迎来到京西购物平台</h1>
				</div>
			</div>
		</div>
		
	</div>
</body>
</html>